<!-- PayItem 支付项 -->
<template>
  <view class="PayItem flex flex-m">
    <zm-image
      custom-style="width:80rpx;height:80rpx;margin-right:30rpx"
      :src="img"
      model="aspectFit"
    />
    <view class="flex-1">
      <view class="title">{{ title }}</view>
      <view v-if="desc" class="desc">{{ desc }}</view>
    </view>

    <redio :check="check" v-if="hasCheck" />
  </view>
</template>

<script>
  import ZmImage from '@/commons/ZmImage'
  import Redio from '@/components/Redio'
  export default {
    name: 'PayItem',
    components: {
      ZmImage,
      Redio
    },
    props: {
      check: {
        type: Boolean,
        default: false
      },
      title: String,
      desc: String,
      img: String,
      hasCheck: {
        type: Boolean,
        default: true
      }
    },
    data() {
      return {}
    }
  }
</script>
<style lang="scss" scoped>
  .PayItem {
    height: 134rpx;

    .title {
      font-size: 30rpx;
      color: #000;
    }

    .desc {
      margin-top: 5rpx;
      font-size: 26rpx;
      color: #888;
    }
  }
</style>
